<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>13-优先级公式</title>
		<style type="text/css">
			/* 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important */
			/*继承*/
			.box{
				font-size:20px;
				color:red;
			}
			*{
				font-size:22px;
				color:blue;
			}
			p{
				font-size:23px!important;
				color:orange!important;
			}
			.one{
				font-size:24px;
				color: pink;
			}
			#word{
				font-size:25px;
				color: brown;
			}
			div.box p.one i{
				
			}
		</style>
	</head>
	<body>
		<div class="box">
			<p class="one" id="word" style="font-size:26px;color: #27BA9B;">百度<i>新浪</i></p>
		</div>
		<p>百度<i>新浪</i></p>
	</body>
</html>
